<template>
    <van-skeleton title :row="3" v-show="status"/>
  <div style="width: 100%; height: 150px;background: palevioletred;">
    <van-image width="100" height="100" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
    <span style="color: aliceblue;">关注 粉丝</span>
  </div>
  <div>
    <van-grid :column-num="4">
      <van-grid-item icon="paid" text="待付款" style="color: red;" />
      <van-grid-item icon="peer-pay" text="代发货" style="color: red;" />
      <van-grid-item icon="logistics" text="待收货" style="color: red;" />
      <van-grid-item icon="photo-o" text="全部订单" style="color: red;" @click="bth" />
      <van-grid-item icon="user-circle-o" text="退换/售后" style="color: red;" />
      <van-grid-item icon="edit" text="评价" style="color: red;" />
      <van-grid-item icon="pending-payment" text="钱包" style="color: red;" />
    </van-grid>
  </div>
  <div>
    <van-grid :column-num="1">
      <van-grid-item icon="paid" text="购物车" style="color: red;margin-right: 100%;" />
      <van-grid-item icon="paid" text="优惠价" style="color: red;margin-right: 100%;" badge="3" />
      <van-grid-item icon="paid" text="邀请有礼" style="color: red;margin-right: 100%;" />
      <van-grid-item icon="paid" text="我的关注" style="color: red;margin-right: 100%;" />
      <van-grid-item icon="paid" text="我的收藏" style="color: red;margin-right: 100%;" />
      <van-grid-item icon="paid" text="我的足迹" style="color: red;margin-right: 100%;" />
      <van-grid-item icon="paid" text="服务中心" style="color: red;margin-right: 100%;" />
      <van-grid-item icon="paid" text="地址管理" style="color: red;margin-right: 100%;" />
      <van-grid-item icon="paid" text="意见反馈" style="color: red;margin-right: 100%;" />
    </van-grid>
  </div>
</template>

<script setup>
import { ref } from 'vue';
import { useCounterStore } from '@/stores/user'
// 在组件内部的任何地方均可以访问变量 `store` ✨
const store = useCounterStore()
console.log(store.piniaUser);
import { useRouter } from 'vue-router';
let router = useRouter('')
let bth = () => {
  router.push('/ddlb')
}
let status=ref(true)
setTimeout(()=>{
  status.value=false
},1000)
</script>

<style lang="scss" scoped></style>